<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>请假审批</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
    <style>
        * {
            font-size: 14px;
        }
    </style>
</head>

<body>

<div class="x-body">
    <div class="interview-people">
        <div class="people-Occupation">
            <ul>
                <li>姓名：<span>张三</span></li>
                <li>部门：<span>男</span></li>
                <li>职位：<span>市场专员</span></li>
            </ul>
            <ul>
                <li>类别：<span>带薪病假</span></li>
            </ul>
        </div>


        <div class="clear"></div>
        <div class="ms-box hoilday">
            <ul>
                <li class="tr1">加班事由:</li>
                <li><p >发高烧去医院看病</p></li>
            </ul>
            <ul>
                <li class="tr1">加班时间:</li>
                <li>自 <span>2017年6月12日 18:00</span>至 <span>2017年8月22日 18:00</span></li>
            </ul>
            <ul >
                <li class="tr1">备注:</li>
                <li><p >发高烧去医院看病发高烧去医院看病发高烧去医院看病发高烧去医院看病发高烧去医院看病发高烧去医院看病</p></li>
            </ul>
        </div>
    </div>

    <div class="interviewBox">

        <div class="interview-down ">
            <from class="layui-form" action="" id="evaluate">
                <div><span class="left msjg">审核意见：</span>
                    <div class="left sd">
                        <input type="radio" name="tg" value="nan" title="批准">
                        <input type="radio" name="tg" value="nv" title="驳回（请说明理由）">
                    </div>
                </div>
                <div class="clear"></div>
                <div class="top4"><span class="left">备注：</span>
                    <div class="left sd"><p>
                            <textarea name="" required lay-verify="required" placeholder="请填写面试评价"
                                      class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="interview-btn tl9">
                    <button class="layui-btn layui-btn-radius ok">提交</button>
                    <button class="layui-btn layui-btn-radius layui-btn-primary cancel">取消</button>
                </div>

            </from>

        </div>

        <div class="clear"></div>
    </div>
</div>


<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer
            , form = layui.form;
        //图片弹出
        $("img").click(function () {
            var src = $(this).attr('src');
            var img = "<img src='" + src + "'>";
            layer.open({
                type: 1,
                shade: false,
                title: false, //不显示标题
                //area:['600px','500px'],
                area: [img.width + 'px', img.height + 'px'],
                content: img, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
                cancel: function () {
                    //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
                }
            });
        });

    });


    $(".ok").click(function () {
        if (!$(':radio[name=tg]:checked').length) {
            layer.msg('面试结果不能为空!', {icon: 2, time: 2000});
        } else {
            layer.msg('已提交!', {icon: 1, time: 1000});
        }
    })

    function member_del(obj, id) {
//        x_admin_close();
        var data = $(obj).parent().parent().children().html();
        layer.confirm(data, {title: '确认删除'}, function (index) {
            //发异步删除数据
//            layer.closeAll();
            parent.layer.closeAll();
            layer.msg('已删除!', {icon: 1, time: 1000});

        });

    }

</script>
</body>

</html>